// |------------------------------------------------------
// |------------------------------------------------------
// | Silent classes
// |------------------------------------------------------
// |------------------------------------------------------

%gridle-pie-clearfix {
	&:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	 
	& {
		display: inline-block;
	}
	 
	html[xmlns] & {
		display: block;
	}
	 
	* html & {
		height: 1%;
	}
}
%gridle-simple-clearfix {
	&:after {
		content: "";
		display: table;
		clear: both;
	}
}
%gridle-clearfix {
	// For modern browser
	&:before,
	&:after {
		content:"";
		display:table;
	}
	&:after {
		clear:both;
	}
	// For IE 6/7 (trigger hasLayout
	& {
	   zoom:1;
	}
}
%gridle-push-pull-debug-background-common {
	background-size:50px 90%;
	background-position:0 50%;
	background-repeat:repeat-x;
}
%gridle-push-pull-common {
	position:relative;
}
%gridle-container-common {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
%gridle-parent-common {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
%gridle-container-debug-common {
	background-color:#f5f5f5;
}
%gridle-grid-debug-common {
	&:before,
	&:after {
		content:"";
		display:block;
		background-image: url();
		margin:10px 0;
		padding:5px 0;
		text-align:center;
		color:white;
		font-size:11px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display:block !important;
	}
	background-color:#daeff5;
}
%gridle-grid-common {
	display:inline-block;
	min-height:1px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
%gridle-prefix-debug-common {
	background-color:#dae7e9 !important;
}
%gridle-suffix-debug-common {
	background-color:#dae7e9 !important;
}